<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <title>后台首页</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <style>
    body { font-family: Arial, sans-serif; background:#0b132b; color:#e0e0e0; }
    .wrap { max-width: 980px; margin: 40px auto; padding: 20px; background:#1c2541; border-radius:8px; }
    h1 { margin:0 0 12px 0; }
    p { color:#cbd5e1; }
    .cards { display:flex; gap:16px; flex-wrap:wrap; margin-top:16px; }
    .card { flex:1; min-width:280px; background:#0b132b; border:1px solid #3a506b; border-radius:8px; padding:16px; }
    .card h3 { margin:0 0 8px 0; }
    .btn { display:inline-block; margin-top:8px; padding:10px 14px; background:#5bc0be; color:#0b132b; border-radius:6px; text-decoration:none; font-weight:700; }
  </style>
</head>
<body>
  <div class="wrap">
    <h1>量化后台</h1>
    <p>请选择需要的功能：管理令牌或查看订单历史。</p>
  <div class="cards">
      <div class="card">
        <h3>令牌管理</h3>
        <p>创建、停用或删除客户端令牌，设置备注。</p>
        <a class="btn" href="/api/quant/admin">进入管理</a>
      </div>
      <div class="card">
        <h3>订单历史</h3>
        <p>按令牌查看订单列表与状态，支持筛选。</p>
        <a class="btn" href="/api/quant/admin/orders">查看订单</a>
      </div>
    </div>
  </div>
</body>
</html>
